	<!DOCTYPE html>
	<html>

	<head>
		<meta charset="UTF-8">
		<!--移动端的兼容-->
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>见到</title>
		<!--公共的css样式-->
		<link rel="stylesheet" type="text/css" href="../common_css/jquery-weui.css" />
		<link rel="stylesheet" type="text/css" href="../common_css/weui.css" />
		<link rel="stylesheet" type="text/css" href="../common_css/common.css" />
		<!--本页的样式-->
		<link rel="stylesheet" type="text/css" href="../common_css/onclick_pop_view.css" />
		<script src="../common_js/common_font.js"></script>
		<link rel="stylesheet" type="text/css" href="../common_css/jquery-weui.css" />
		<script src="../common_js/jquery-1.11.0.min.js"></script>
		<script src="../common_js/jquery-weui.js"></script>
		<script src="../common_js/refresh.js"></script>
		<style type="text/css">
			/*<!--总部div-->*/

			#exchangeprice_main {
				width: 100%;
				height: 100%;
				min-width: 320px;
				box-sizing: border-box;
				background-color: #F7F7F7;
				overflow: auto;
				position: relative;
			}
			/*<!--头部-->*/

			#exchangeprice_header {
				width: 100%;
				height: 44px;
				background-color: #1E5390;
				color: white;
				text-align: center;
				line-height: 44px;
				/*自适应的字体*/
				font-size: 0.18rem;
				position: fixed;
				top: 0px;
				z-index: 1000;
			}

			#exchangeprice_header font {
				margin-left: 10px;
				font-size: 0.18rem;
			}
			/*身体的外部*/

			#exchangeprice_body {
				width: 100%;
				margin-top: 55px;
				margin-bottom: 50px;
				/*border: 3px solid;*/
			}

			#see_dao {
				width: 93%;
				margin: auto;
				/*border: 1px solid red;*/
			}
			/*<!--每一个单个的视频以及简介-->*/

			.see_dao_single {
				width: 100%;
				height: 220px;
				background-color: white;
				border-radius: 15px;
				/*border: 1px solid blue;*/
			}

			.see_dao_single_margin {
				width: 93%;
				height: 220px;
				/*border: 2px solid yellow;*/
				margin: auto;
			}
			/*放视频的div*/

			.see_dao_single_vedio {
				width: 100%;
				height: 150px;
				/*border: 1px solid red;*/
				top: 10px;
				position: relative;
			}

			.see_dao_single_vedio img {
				width: 100%;
				height: 150px;
			}
			/*播放暂停按钮*/

			.vedio_open {
				width: 46px;
				height: 46px;
				/*border: 1px solid red;*/
				position: absolute;
				top: 0px;
				left: 0px;
				right: 0px;
				bottom: 0px;
				margin: auto;
			}

			.vedio_open img {
				width: 46px;
				height: 46px;
			}
			/*方头像和名字的div*/

			.see_dao_single_name {
				width: 100%;
				height: 50px;
				margin-top: 15px;
				/*border: 1px solid green;*/
			}

			.see_dao_single_name_left {
				height: 50px;
				float: left;
				/*border: 1px solid blue;*/
			}

			.name_left_1 {
				width: 33px;
				height: 33px;
				/*border: 1px solid red;*/
				float: left;
				margin: 7px 7px 0px 0px;
			}

			.name_left_1 img {
				width: 33px;
				height: 33px;
			}

			.name_left_2 {
				float: left;
				height: 50px;
				line-height: 50px;
				opacity: 0.67;
				/*border: 1px solid darkmagenta;*/
				font-size: 14px;
			}

			.see_dao_single_name_right {
				height: 50px;
				float: right;
				/*border: 1px solid blue;*/
				line-height: 50px;
				font-size: 9px;
			}

			.name_right_blue {
				color: #1E5390;
			}

			.name_right_num {
				color: #323232;
			}
			/*底部*/

			.exchangeprice_footer {
				position: fixed;
				bottom: 0px;
			}
		</style>
	</head>

	<body>
		<!--总部div-->
		<div id="exchangeprice_main">
			<!--头部-->
			<div id="exchangeprice_header">
				<font>见到</font>
			</div>
			<!--身体-->
			<div id="exchangeprice_body">
				<div class="weui-pull-to-refresh__layer">
					<div class='weui-pull-to-refresh__arrow'></div>
					<div class='weui-pull-to-refresh__preloader'></div>
					<div class="down">下拉刷新</div>
					<div class="up">释放刷新</div>
					<div class="refresh">正在刷新</div>
				</div>
				<div id="see_dao">
					<!--每一个单个的视频以及简介-->
					<div class="see_dao_single">
						<div class="see_dao_single_margin">
							<!--放视频的div-->
							<div class="see_dao_single_vedio">
								<img src="../commonimg/001@2x.png" />
								<div class="vedio_open">
									<img src="../commonimg/播放@3x.png" />
								</div>
							</div>
							<!--放头像和名字的div-->
							<div class="see_dao_single_name">
								<div class="see_dao_single_name_left">
									<div class="name_left_1">
										<img src="../commonimg/李开复@2x.png" />
									</div>
									<div class="name_left_2">
										李开复
									</div>
								</div>
								<div class="see_dao_single_name_right">
									<span class="name_right_blue">身价</span><span class="name_right_num" style="margin-left: 5px;">1230.00</span>亿<span style="margin-left: 6px;" class="name_right_blue">预约数</span><span style="margin-left: 4px;" class="name_right_num">1350</span>人
								</div>
							</div>

						</div>
					</div>
				</div>
				<!--身体底部div-->
			</div>

			<!--/*固定在底部的菜单栏*/-->
			<div id="common_exchangeprice_fotter" class="weui-tabbar exchangeprice_footer" style="box-sizing: border-box;">
				<a href="../second_star/second_star.html" class="weui-tabbar__item weui-bar__item--on">
					<div class="weui-tabbar__icon">
						<img src="../commonimg/秒星 2@2x.png" alt="">
					</div>
					<p class="weui-tabbar__label">见到</p>
				</a>
				<a href="../exchangeprice/exchangeprice.html" class="weui-tabbar__item">
					<div class="weui-tabbar__icon">
						<img src="../commonimg/hahahahah.png" alt="">
					</div>
					<p class="weui-tabbar__label">行价</p>
				</a>
				<a href="#" class="weui-tabbar__item" id="onclick_pop_view">
					<div class="weui-tabbar__icon">
						<img src="../commonimg/见到.png" alt="">
					</div>
					<p class="weui-tabbar__label">预约</p>
				</a>
				<a href="../secondtalk/secondtalk.html" class="weui-tabbar__item">
					<div class="weui-tabbar__icon">
						<img src="../commonimg/秒说@2x.png" alt="">
					</div>
					<p class="weui-tabbar__label">秒说</p>
				</a>
				<a href="../myaccount/myaccount.html" class="weui-tabbar__item">
					<div class="weui-tabbar__icon">
						<img src="../commonimg/我的@2x.png" alt="">
					</div>
					<p class="weui-tabbar__label">我的</p>
				</a>
			</div>

			<!-----最外测div结束-------->
		</div>

		<!--点击预约的弹窗最外测的div-->
		<div id="onclick_pop_main">
			<!--内边距20%的div-->
			<div id="onclick_pop_main_content">
				<!--内容的上半部分-->
				<div id="onclick_pop_main_content_on">
					<!--logo部分-->
					<div id="main_content_on_logo">
						<img src="../commonimg/seelogo.png" />
					</div>
					<!--购买秒数－预约服务－投资增值-->
					<div id="main_content_on_talk">
						购买秒数－预约服务－投资增值
					</div>
				</div>
				<!--内容的下半部分-->
				<div id="onclick_pop_main_content_up">
					<!--预约名人-购买转让-->
					<div id="main_content_up_starpeople">
						<!--预约名人-->
						<div id="main_content_up_starpeople_left">
							<!--logo-->
							<div id="up_starpeople_left_logo"><img src="../commonimg/预约名人.png" /></div>
							<!--预约名人-->
							<div id="up_starpeople_left_logo_talk">预约名人</div>
						</div>
						<!--购买转让-->
						<div id="main_content_up_starpeople_right">
							<!--logo-->
							<div id="up_starpeople_right_logo"><img src="../commonimg/购买转让.png" /></div>
							<!--购买转让-->
							<div id="up_starpeople_right_logo_talk">购买转让</div>
						</div>
					</div>
					<!--最下边的关闭按钮-->
					<div id="pop_close">
						<div id="pop_close_img">
							<img src="../commonimg/关闭@2x.png" />
						</div>
					</div>
				</div>
			</div>
			<!--点击预约的弹窗最外测的结束div-->
		</div>
		<!--这两个注释中间的是结束的div-->
		<script src="../common_js/onclick_pop_view.js"></script>
		<script src="../common_js/vue.js"></script>
		<script src="../common_js/vue-resource.min.js"></script>
		<script type="text/javascript">
		var myvue = new Vue({
           el:"body",
           data:{
           	mydata:[],
              apiurl:'http://119.23.224.92/jiandao/reservationRecord/findAllOrder',

           },
           ready:function(){
                 this.get_shu_ju()
           },
           methods:{
           	get_shu_ju:function(){
           		this.$http.get(this.apiurl).then((response)=>{
           			this.$set('mydata',response.data);
           		})
           		.catch(function(response){
                     console.log(response);
           		})
           	}
           }
		});
			//点击每一个视频的时候跳转
			$(".see_dao_single_name").on("click", function() {
				location.href = "../detailpages_news/detailpages_news.html";
			});
		</script>
	</body>

	</html>